<template>
	<view>
		<!-- 可能性1:当前显示登录页 -->
		<!-- mode-class:动画模式类,可取值有7个 -- slide-left:从左侧滑入\滑出 -->
		<uni-transition mode-class="slide-left" :show="cur==='login'" :duration="1000">
			<xzUserLogin @showChild="cur=$event.childName"></xzUserLogin>
		</uni-transition>

		<!-- 可能性2:当前显示注册 -->
		<uni-transition mode-class="slide-right" :show="cur==='register'" :duration="1000">
		<xzUserRegister @showChild="cur=$event.childName"></xzUserRegister>
		</uni-transition>

		<!-- 可能性3:当前显示用户档案 -->
		<uni-transition mode-class="slide-right" :show="cur==='profile'" :duration="1000">
		<xzUserProfile @showChild="cur=$event.childName"></xzUserProfile>
		</uni-transition>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				cur: 'login', //当前显示哪个组件,current
				//cur:'register',   //当前显示哪个组件,current
				//cur:'profile',   //当前显示哪个组件,current
			}
		},
		methods: {

		},
		onShow() {
			let loginReason = uni.getStorageSync('loginReason')
			if(loginReason){
				uni.showToast({
					icon:'error',
					title:'请先登录'
				})
			}
		}
	}
</script>

<style>

</style>
